<template>
  <div
    class="
      h-[77px]
      flex
      items-center
      justify-center
      border-t-2 border-gray-200
      mt-[38px]
    "
  >
    <!-- <el-button class="rounded-content-wrap px-10" @click="handlePreview">{{
      preLabel
    }}</el-button> -->
    <el-button
      type="primary"
      class="rounded-content-wrap px-10"
      :loading="disabled"
      @click="handleSave"
      >{{ saveLabel }}</el-button
    >
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
  props: {
    preLabel: {
      type: String,
      default: '预 览',
    },
    saveLabel: {
      type: String,
      default: '保 存',
    },
    disabled: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {}
  },
  methods: {
    handlePreview() {
      this.$emit('onPreview')
    },
    handleSave() {
      this.$emit('onSave')
    },
  },
})
</script>
